@charset "UTF-8";
.page-index {
  position: relative;
  @include transition(padding .2s ease);
  padding-top: 80px;
  _padding-top: 0;
  .header-fixed {
	position: fixed;
	_position: relative;
	right: 0;
	left: 0;
	top: 0;
	z-index: 9999;
  }
}
// 导航过滤动画
.header-animated {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both
}
@-webkit-keyframes slideDown {
  0% {
	-webkit-transform: translateY(-10em)
  }
  100% {
	-webkit-transform: translateY(0)
  }
}
@-moz-keyframes slideDown {
  0% {
	-moz-transform: translateY(-10em)
  }
  100% {
	-moz-transform: translateY(0)
  }
}
@-o-keyframes slideDown {
  0% {
	-o-transform: translateY(-10em)
  }
  100% {
	-o-transform: translateY(0)
  }
}
@keyframes slideDown {
  0% {
	transform: translateY(-10em)
  }
  100% {
	transform: translateY(0)
  }
}
.header-animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown
}
@-webkit-keyframes slideUp {
  0% {
	-webkit-transform: translateY(0)
  }
  100% {
	-webkit-transform: translateY(-10em)
  }
}
@-moz-keyframes slideUp {
  0% {
	-moz-transform: translateY(0)
  }
  100% {
	-moz-transform: translateY(-10em)
  }
}
@-o-keyframes slideUp {
  0% {
	-o-transform: translateY(0)
  }
  100% {
	-o-transform: translateY(-10em)
  }
}
@keyframes slideUp {
  0% {
	transform: translateY(0)
  }
  100% {
	transform: translateY(-10em)
  }
}
.header-animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp
}